import React from 'react';
import { Row, Col } from 'antd';
import ModelCard from './ModelCard';

const firstApps = Array(12).fill({
  title: 'Spark 4.0 Ultra',
  category:'全面对标GPT 4-Turbo',
  description: '具备生成、运行代码的能力。支持生成并运行Python代码来解决用户数据处理和分析、数据可视化、自动化任务...',
  detailLink: '',
  apiLink: '',
  trialLink: ''
});
const secondApps = Array(12).fill({
    title: 'Spark 4.0 Ultra',
    category:'全面对标GPT 4-Turbo',
    description: '具备生成、运行代码的能力。支持生成并运行Python代码来解决用户数据处理和分析、数据可视化、自动化任务...',
    detailLink: '',
    apiLink: '',
    trialLink: ''

});
const apps = [...firstApps, ...secondApps];


const ModelMarket: React.FC = () => {
  return (
    <div className="app-market">
      <Row gutter={[45,15]}>
        {apps.map((app, index) => (
          <Col key={index} span={8}>
            <ModelCard app={app} />
          </Col>
        ))}
      </Row>
    </div>
  );
};

export default ModelMarket;
